<template>
  <div>
    <div id="order">
      <div class="on">
        <span class="iconfont" @click="$router.go(-1)">&#xe6bc;</span>
        <h2>确认订单</h2>
        <p>
          <span class="iconfont">&#xf0112;</span>
          <i></i>
          <span class="iconfont">&#xe71e;</span>
        </p>
      </div>
      <div class="under">
        <div>
          <p>代用名 188**8888</p>
          <p>北京 北京市 昌平区 朱辛庄中公教育实训基地教</p>
          <p>学楼 2号楼 2202室</p>
        </div>
      </div>
    </div>
    <div id="mainO">
      <div class="top">
        <span class="iconfont">&#xe612;</span>
        <span class="s1">小U自营</span>
        <span class="s2">已免运费</span>
        <i> </i>
        <span class="s3">领劵</span>
      </div>
      <div class="on">
        <div class="first">
          <img src="../assets/images/images/1.1.jpg" alt="" />
          <p>
            <span class="s1">溪牧原山茶花洁面泡沫氨基酸洗奶150ML浸透舒缓</span>
            <i class="i1">
              <span>￥</span>
              <span>999</span>
              <span>x1</span>
            </i>
            <i class="i2">
              <span>七天无理由退货</span>
              <span>特价</span>
            </i>
          </p>
        </div>
        <div class="second">
          <img src="../assets/images/images/1.2.jpg" alt="" />
          <p>
            <span class="s1">溪牧原山茶花洁面泡沫氨基酸洗奶150ML浸透舒缓</span>
            <i class="i1">
              <span>￥</span>
              <span>999</span>
              <span>x1</span>
            </i>
            <i class="i2">
              <span>七天无理由退货</span>
              <span>特价</span>
            </i>
          </p>
        </div>
        <div class="third">
          <i class="i1">
            <span>发票类型</span>
            <span>不开发票<span class="iconfont">&#xe601;</span></span>
          </i>
          <i class="i2">
            <span>售后免邮</span>
            <span>部分商家赠送</span>
          </i>
          <i class="i3">
            <span>卖家留言</span>
            <span>填写内容需要与商家协商并确认，45字以内</span>
          </i>
        </div>
        <div class="fourth">
          <i class="i1">
            <span>商品金额</span>
            <span>￥1999<span class="iconfont">&#xe601;</span></span>
          </i>
          <i class="i2">
            <span>优惠活动</span>
            <span>-￥200</span>
          </i>
          <i class="i3">
            <span>优惠券</span>
            <span>暂不使用</span>
          </i>
        </div>
      </div>
    </div>
    <div id="fot">
      <div class="top">
        <p class="p1">
          <span>合计</span>
          <span>已免运费</span>
        </p>
        <p class="p2">
          <span>￥1998</span>
          <span>已优惠￥200</span>
        </p>
        <p class="p3">确认订单</p>
      </div>
    </div>
  </div>
</template>

<script>
import { orderList } from "../request/api";
export default {
  data() {
    return {
      orderlist:[]
    };
  },
  mounted() {
    let uid = "";
    let authorization = ''
    uid = JSON.parse(sessionStorage.getItem("userinfo")).uid;
    authorization = JSON.parse(sessionStorage.getItem("userinfo")).token;
    orderList({
      uid,
      status:1,
      authorization
    }).then(res=>{
      if(res.data.code == 200){
       console.log(res.data); 
      }
    })
  },
};
</script>

<style scoped>
@import "../assets/css/order.css";
</style>
